<!DOCTYPE html>
<html>

<head>
    <meta content="telephone=no" name="format-detection">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Language" content="zh-CN">
    <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="关键词" />
    <meta name="description" content="页面简介" />
    <link rel="icon" href="favicon.ico" />
    <link rel="shortcut icon" href="favicon.ico" />
    <link href="csaa/css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="./csaa/fonts/iconfont/iconfont.css">
    <link rel="stylesheet" href="./csaa/fonts/materialicons/material-icons.css">

    <script src="./csaa/js/jquery.min.js"></script>
    <script src="./csaa/js/httpPath.js"></script>
    <script src="./csaa/js/httpUtils.js"></script>
    <script src="./csaa/js/site.js"></script>
    <title>全国青少年航空科学素质等级考试</title>
</head>

<body style="background-color: #efefef;">
    <!-- 头部 开始 -->
    <div class="header login_header">

    </div>
    <!-- 头部 结束 -->



    <!-- 主体 开始 -->
    <div id="exam_resoult_main" class="main">

        <div class="exam_content">
            <div class="resoult_title">
                <div class="text">考级历史</div>
            </div>
            <!-- <div class="resoult_wrap">
                <div class="text"></div>
            </div> -->
            <div id="content">
                <!-- <div id="exam_one" class="exam_part">
                        <div class="title_times">
                            <i class="material-icons icon_title">&#xe85d;</i>
                            <div class="times_name">--</div>
                            <div class="times_grade">--</div>
                        </div>
                        <div class="exam_box_wrap">
                            <div class="exam_top">
                                <div class="title"></div>
                                <div class="time">--</div>
                                <div class="examscore"><span class="text"></span>分</div>
                                <div class="resoult_wrap">
                                    <div class="text">--</div>
                                </div>
                            </div>
                            <div id="exam_box">
                                <div class="list">

                                </div>
                            </div>
                        </div>
                    </div> -->
            </div>



            <div id="exam_two" class="exam_part" style="display: none;">
                <div class="title_times">
                    <i class="material-icons icon_title">&#xe85d;</i>
                    <div class="times_name">--</div>
                    <div class="times_grade">--</div>
                </div>
                <div class="exam_box_wrap">
                    <div class="exam_top">
                        <div class="title"></div>
                        <div class="time">--</div>
                        <!-- <div class="examscore"><span class="text"></span>分</div> -->
                        <div class="resoult_wrap">
                            <div class="text">--</div>
                        </div>
                    </div>
                    <div id="exam_box">
                        <div class="list">

                        </div>
                    </div>
                </div>
            </div>
            <div class="manage_btnwrap">
                <!-- <a href="javascript:window.opener=null;window.open('','_self');window.close();" class="btn btn_color_1">关闭</a> -->
                <a class="btn btn_cancel btn_color_1">关闭</a>
            </div>
        </div>
    </div>
    <!-- 主体 结束 -->

    <div id="tmp_item_exam" style="display: none;">
        <div class="item">
            <div class="questiontype">--</div>
            <div class="question"></div>
            <div class="questionimg">
                <img src="">
            </div>
            <div class="answer">
                <label class="form_check">
                    <input type="radio" name="answer_001" value="1">
                    <span>A． 是的</span>
                </label>
                <label class="form_check">
                    <input type="radio" name="answer_001" value="2">
                    <span>B． 不是</span>
                </label>
            </div>
            <div class="my_answer">
                <!--所选答案：--><span></span>
                <i class="material-icons yes"></i>
                <i class="material-icons no"></i>
            </div>
            <div class="right_answer">
                <!--正确答案：--><span></span>
            </div>
        </div>
    </div>


    <div class="footer_wrap">

    </div>

    <script>
        fun_islogin();
        //获取id
        getQueryString(name);
        //var tmp_paperid = getQueryString("paperId");
        var tmp_timesId = getQueryString("timesId");
        var tmp_userid = localStorage.getItem("userId");
        var tmp_token = localStorage.getItem("token");
        var tmp_roleCode = localStorage.getItem("roleCode");


        var tmp_passinggrade; //及格分
        var tmp_examscore; //得分

        //获取考分
        $.post(GET_EXAM_PaperGrade, {
            //id: tmp_paperid,
            userId: tmp_userid,
            timesId: tmp_timesId,
            roleCode: tmp_roleCode,
            token: tmp_token
            // "userId": "317",
            // "roleCode": "teacher",
            // "timesId": "85",
            // "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJwYXNzd29yZCI6IjEyMzQ1NiIsImV4cCI6MTYwNTE0MzY2NiwidXNlcm5hbWUiOiJqczAzIn0.S8C31yFz_QHwr6ruHsJIDoi26o5fTbq9jXTQ_UpWNq0"
        }, function (data) {
            if (data.status == 1) {
                tmp_passinggrade = data.data.passGrade; //及格分

                tmp_examscore = data.data.grade; //得分
                //$(".examscore .text").text(tmp_examscore);
                console.log(tmp_passinggrade)
                console.log(tmp_examscore)
            }
        }, 'json');

        //判断是否及格
        // setTimeout(function () {
        //     if (parseInt(tmp_examscore) >= parseInt(tmp_passinggrade)) {
        //         $(".resoult_wrap .text").text("通过");
        //         $(".resoult_wrap .text").removeClass("sorry");
        //     } else {
        //         $(".resoult_wrap .text").text("未通过");
        //         $(".resoult_wrap .text").addClass("sorry");
        //     }
        // }, 500);

        //载入试卷

        var tmp_timesId = getQueryString("timesId");
        var tmp_userid = localStorage.getItem("userId");
        var tmp_token = localStorage.getItem("token");
        var tmp_roleCode = localStorage.getItem("roleCode");
        // console.log('tmp_timesId', tmp_timesId)
        // console.log('tmp_userid', tmp_userid)
        // console.log('tmp_token', tmp_token)
        // console.log('tmp_roleCode', tmp_roleCode)
        // var tmp_parms = {
        //     "userId": tmp_userid,
        //     "roleCode": tmp_roleCode,
        //     "timesId": tmp_timesId,
        //     "token": tmp_token
        //     // "userId": "317",
        //     // "roleCode": "teacher",
        //     // "timesId": "85",
        //     // "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJwYXNzd29yZCI6IjEyMzQ1NiIsImV4cCI6MTYwNTE0MzY2NiwidXNlcm5hbWUiOiJqczAzIn0.S8C31yFz_QHwr6ruHsJIDoi26o5fTbq9jXTQ_UpWNq0"
        // };
        // console.log('tmp_parms 全部信息', tmp_parms)


        $.post(GET_EXAM_INFO, {
            userId: tmp_userid,
            timesId: tmp_timesId,
            roleCode: tmp_roleCode,
            token: tmp_token
        }, function (data) {
            if (data.status == 1) {
                var fetch_data = data.data;
                // var fun_f_exam = fetch_data[0]; //第一次考试
                // var fun_s_exam = fetch_data[1]; //补考


                // if (fun_f_exam) {
                //     fun_exam_list("#exam_one", fun_f_exam);
                // } else {
                //     $("#exam_one").hide();
                // };
                // if (fun_s_exam) {
                //     fun_exam_list("#exam_two", fun_s_exam);
                //     // if($("#exam_two .resoult_wrap .text").text() == "通过"){
                //     //     $("#exam_one .resoult_wrap .text").text("通过");
                //     //     $("#exam_one .resoult_wrap .text").removeClass("sorry");
                //     // }
                // } else {
                //     $("#exam_two").hide();
                // };
                // if (!fun_f_exam && !fun_s_exam) {
                //     $("#exam_resoult_main").html("<div class=\"nothing\">暂无考试记录</div>")
                // }

                console.log(fetch_data, 123)

                if (fetch_data.length != 0) {
                    fun_exam_list("#exam_one", fetch_data);
                } else {
                    $("#exam_one").hide();
                };

                function fun_exam_list(tmp_id, tmp_funexam) {


                    $.each(tmp_funexam, function (i, n) {

                        let tmp_html = `<div id="exam_one" class="exam_part">
                                <div class="title_times">
                                    <i class="material-icons icon_title">&#xe85d;</i>
                                    <div class="times_name">${n.paperName}</div>
                                    <div class="times_grade">${n.createDate}</div>
                                </div>
                                <div class="exam_box_wrap">
                                    <div class="exam_top">
                                        <div class="title">${n.paperName}</div>
                                        <div class="time">${n.createDate}</div>
                                        <!--
                                            <div class="examscore"><span class="text"></span>分</div>
                                        -->
                                        <div class="resoult_wrap">
                                            ${parseInt(n.grade) >= parseInt(n.passNum) ? `
                                                <div class="text">${'通过'}</div>
                                                ` : `<div class="text sorry">${'未通过'}</div>`}
                                        </div>
                                    </div>
                                    <div id="exam_box">
                                        <div class="list">

                                        </div>
                                    </div>
                                </div>
                            </div>`
                        $(tmp_html).hide().appendTo("#exam_resoult_main .exam_content #content").fadeIn();

                        //考卷标题
                        // $content_item.find("" + tmp_id + " .exam_top .title").text(n.paperName);
                        // $content_item.find("" + tmp_id + " .times_name").text(n.paperName);
                        // $content_item.find("" + tmp_id + " .exam_top .time").text(timestampToTime(n.createDate));
                        // $content_item.find("" + tmp_id + " .times_grade").text(timestampToTime(n.createDate));
                        // // //判断成绩
                        // if (parseInt(n.grade) >= parseInt(n.passNum)) {
                        //     $content_item.find("" + tmp_id + " .resoult_wrap .text").text("通过")
                        //     $content_item.find("" + tmp_id + " .resoult_wrap .text").removeClass("sorry");
                        // } else {
                        //     $content_item.find("" + tmp_id + " .resoult_wrap .text").text("未通过");
                        //     $content_item.find("" + tmp_id + " .resoult_wrap .text").addClass("sorry");
                        // }

                        // $content_item.appendTo('#exam_resoult_main .exam_content #content');


                        //考题
                        var $tmp_html = $("<div/>");
                        for (var i = 0; i < n.topicArray.length; i++) {
                            $tmp_item = $("#tmp_item_exam .item").clone();

                            //单选题
                            if (n.topicArray[i].type == 0) {
                                $tmp_item.find(".questiontype").text("第" + (i + 1) + "题 单选题");
                            }
                            //多选题
                            if (n.topicArray[i].type == 1) {
                                $tmp_item.find(".questiontype").text("第" + (i + 1) + "题 多选题");
                            }
                            //判断题
                            if (n.topicArray[i].type == 2) {
                                $tmp_item.find(".questiontype").text("第" + (i + 1) + "题 判断题");
                            }
                            //考题名称
                            $tmp_item.find(".question").text(n.topicArray[i].topicName);
                            //考题图片
                            if (n.topicArray[i].imgUrl == "''") {
                                $(".questionimg").hide();
                            } else {
                                $tmp_item.find(".questionimg img").attr("src", n.topicArray[i].imgUrl);
                            }

                            //题目id
                            $tmp_item.attr("data-id", n.topicArray[i].id);

                            if (n.topicArray[i].isImg == 1) {
                                $tmp_item.addClass("isimg");
                                $tmp_item.attr("data-img", 1);
                            }

                            //判断题目类型
                            var type_input;

                            if (n.topicArray[i].type == 1) {
                                type_input = 'checkbox';
                            } else {
                                type_input = 'radio';
                            }

                            //选项
                            var $tmp_label = "";
                            //var tmp_re = n.topicArray[i].chooses.reverse(); //倒序
                            $.each(n.topicArray[i].chooses, function (ch_i, ch_n) {
                                var z = String.fromCharCode((65 + ch_i)); //顺序字母
                                $tmp_label += '<label class="form_check" data-an="' + ch_n.isAnswer + '" data-id="' + ch_n.id + '"> <span><span class="change_head">' + z + '</span>、<span class = "change_name" > ' + ch_n.chooseName + '</span><span class="change_img"><img src="' + ch_n.chooseName + '" ></span></span > '
                                $tmp_label += '</label>'

                                //正确答案
                                if (ch_n.isAnswer == 1) {
                                    $tmp_item.find(".right_answer span").append(ch_n.id + '、')
                                }
                            });
                            $tmp_item.find(".answer").html($tmp_label);


                            var arr_userchoose = n.topicArray[i].userChoose;

                            for (count = 0; count < arr_userchoose.length; count++) {
                                //alert(array[count]);
                                $tmp_item.find(".my_answer span").append(arr_userchoose[count].id + '、');
                            }

                            if ($tmp_item.find(".my_answer span").text() == $tmp_item.find(".right_answer span").text()) {
                                $tmp_item.find(".my_answer").addClass("ok")
                                $tmp_item.find(".my_answer").removeClass("sorry")
                            } else {
                                $tmp_item.find(".my_answer").addClass("sorry")
                                $tmp_item.find(".my_answer").removeClass("ok")
                            }

                            $tmp_item.find(".my_answer span,.right_answer span").hide(); //所选级正确答案隐藏

                            $tmp_html.append($tmp_item);
                        }
                        $tmp_html.find(".item").appendTo("" + tmp_id + " .list");

                    })



                }

            } else {
                $.fn.winktips(data.msg);
            }
        }, "json");



        // $.ajax({
        //     type: "POST",
        //     url: GET_EXAM_INFO,
        //     dataType: "json",
        //     data: tmp_parms,
        //     data: {},
        //     timeout: 20000,
        //     beforeSend: function (XMLHttpRequest) {
        //         $.fn.winktips("正在载入答案，请稍后...");
        //     },
        //     success: function (data, textStatus) {
        //         // if (typeof data != "object") {
        //         //     data = $.parseJSON(data);
        //         // }
        //         if (data.status == 1) {
        //             var fetch_data = data.data;
        //             // var fun_f_exam = fetch_data[0]; //第一次考试
        //             // var fun_s_exam = fetch_data[1]; //补考


        //             // if (fun_f_exam) {
        //             //     fun_exam_list("#exam_one", fun_f_exam);
        //             // } else {
        //             //     $("#exam_one").hide();
        //             // };
        //             // if (fun_s_exam) {
        //             //     fun_exam_list("#exam_two", fun_s_exam);
        //             //     // if($("#exam_two .resoult_wrap .text").text() == "通过"){
        //             //     //     $("#exam_one .resoult_wrap .text").text("通过");
        //             //     //     $("#exam_one .resoult_wrap .text").removeClass("sorry");
        //             //     // }
        //             // } else {
        //             //     $("#exam_two").hide();
        //             // };
        //             // if (!fun_f_exam && !fun_s_exam) {
        //             //     $("#exam_resoult_main").html("<div class=\"nothing\">暂无考试记录</div>")
        //             // }

        //             console.log(fetch_data, 123)

        //             if (fetch_data.length != 0) {
        //                 fun_exam_list("#exam_one", fetch_data);
        //             } else {
        //                 $("#exam_one").hide();
        //             };

        //             function fun_exam_list(tmp_id, tmp_funexam) {


        //                 $.each(tmp_funexam, function (i, n) {

        //                     let tmp_html = `<div id="exam_one" class="exam_part">
        //                         <div class="title_times">
        //                             <i class="material-icons icon_title">&#xe85d;</i>
        //                             <div class="times_name">${n.paperName}</div>
        //                             <div class="times_grade">${n.createDate}</div>
        //                         </div>
        //                         <div class="exam_box_wrap">
        //                             <div class="exam_top">
        //                                 <div class="title">${n.paperName}</div>
        //                                 <div class="time">${n.createDate}</div>
        //                                 <!--
        //                                     <div class="examscore"><span class="text"></span>分</div>
        //                                 -->
        //                                 <div class="resoult_wrap">
        //                                     ${parseInt(n.grade) >= parseInt(n.passNum) ? `
        //                                         <div class="text">${'通过'}</div>
        //                                         ` : `<div class="text sorry">${'未通过'}</div>`}
        //                                 </div>
        //                             </div>
        //                             <div id="exam_box">
        //                                 <div class="list">

        //                                 </div>
        //                             </div>
        //                         </div>
        //                     </div>`
        //                     $(tmp_html).hide().appendTo("#exam_resoult_main .exam_content #content").fadeIn();

        //                     //考卷标题
        //                     // $content_item.find("" + tmp_id + " .exam_top .title").text(n.paperName);
        //                     // $content_item.find("" + tmp_id + " .times_name").text(n.paperName);
        //                     // $content_item.find("" + tmp_id + " .exam_top .time").text(timestampToTime(n.createDate));
        //                     // $content_item.find("" + tmp_id + " .times_grade").text(timestampToTime(n.createDate));
        //                     // // //判断成绩
        //                     // if (parseInt(n.grade) >= parseInt(n.passNum)) {
        //                     //     $content_item.find("" + tmp_id + " .resoult_wrap .text").text("通过")
        //                     //     $content_item.find("" + tmp_id + " .resoult_wrap .text").removeClass("sorry");
        //                     // } else {
        //                     //     $content_item.find("" + tmp_id + " .resoult_wrap .text").text("未通过");
        //                     //     $content_item.find("" + tmp_id + " .resoult_wrap .text").addClass("sorry");
        //                     // }

        //                     // $content_item.appendTo('#exam_resoult_main .exam_content #content');


        //                     //考题
        //                     var $tmp_html = $("<div/>");
        //                     for (var i = 0; i < n.topicArray.length; i++) {
        //                         $tmp_item = $("#tmp_item_exam .item").clone();

        //                         //单选题
        //                         if (n.topicArray[i].type == 0) {
        //                             $tmp_item.find(".questiontype").text("第" + (i + 1) + "题 单选题");
        //                         }
        //                         //多选题
        //                         if (n.topicArray[i].type == 1) {
        //                             $tmp_item.find(".questiontype").text("第" + (i + 1) + "题 多选题");
        //                         }
        //                         //判断题
        //                         if (n.topicArray[i].type == 2) {
        //                             $tmp_item.find(".questiontype").text("第" + (i + 1) + "题 判断题");
        //                         }
        //                         //考题名称
        //                         $tmp_item.find(".question").text(n.topicArray[i].topicName);
        //                         //考题图片
        //                         if (!n.topicArray[i].imgUrl || n.topicArray[i].imgUrl == "") {
        //                             $(".questionimg").hide();
        //                         } else {
        //                             $tmp_item.find(".questionimg img").attr("src", n.topicArray[i].imgUrl);
        //                         }

        //                         //题目id
        //                         $tmp_item.attr("data-id", n.topicArray[i].id);

        //                         if (n.topicArray[i].isImg == 1) {
        //                             $tmp_item.addClass("isimg");
        //                             $tmp_item.attr("data-img", 1);
        //                         }

        //                         //判断题目类型
        //                         var type_input;

        //                         if (n.topicArray[i].type == 1) {
        //                             type_input = 'checkbox';
        //                         } else {
        //                             type_input = 'radio';
        //                         }

        //                         //选项
        //                         var $tmp_label = "";
        //                         //var tmp_re = n.topicArray[i].chooses.reverse(); //倒序
        //                         $.each(n.topicArray[i].chooses, function (ch_i, ch_n) {
        //                             var z = String.fromCharCode((65 + ch_i)); //顺序字母
        //                             $tmp_label += '<label class="form_check" data-an="' + ch_n.isAnswer + '" data-id="' + ch_n.id + '"> <span><span class="change_head">' + z + '</span>、<span class = "change_name" > ' + ch_n.chooseName + '</span><span class="change_img"><img src="' + ch_n.chooseName + '" ></span></span > '
        //                             $tmp_label += '</label>'

        //                             //正确答案
        //                             if (ch_n.isAnswer == 1) {
        //                                 $tmp_item.find(".right_answer span").append(ch_n.id + '、')
        //                             }
        //                         });
        //                         $tmp_item.find(".answer").html($tmp_label);


        //                         var arr_userchoose = n.topicArray[i].userChoose;

        //                         for (count = 0; count < arr_userchoose.length; count++) {
        //                             //alert(array[count]);
        //                             $tmp_item.find(".my_answer span").append(arr_userchoose[count].id + '、');
        //                         }

        //                         if ($tmp_item.find(".my_answer span").text() == $tmp_item.find(".right_answer span").text()) {
        //                             $tmp_item.find(".my_answer").addClass("ok")
        //                             $tmp_item.find(".my_answer").removeClass("sorry")
        //                         } else {
        //                             $tmp_item.find(".my_answer").addClass("sorry")
        //                             $tmp_item.find(".my_answer").removeClass("ok")
        //                         }

        //                         $tmp_item.find(".my_answer span,.right_answer span").hide(); //所选级正确答案隐藏

        //                         $tmp_html.append($tmp_item);
        //                     }
        //                     $tmp_html.find(".item").appendTo("" + tmp_id + " .list");

        //                 })



        //             }

        //         } else {
        //             $.fn.winktips(data.msg);
        //         }
        //     },
        //     error: function (XMLHttpRequest, textStatus, errorThrown) {
        //         $.fn.winktips("连接超时，请检查您的网络");
        //     }
        // });



        //展开收缩
        $(document).on("click", ".title_times", function () {
            var _this = $(this);

            _this.siblings(".exam_box_wrap").slideToggle();
        });

        $(document).on("click", ".btn_cancel", function () {
            var userAgent = navigator.userAgent;
            if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") != -1) {
                window.location.href = "about:blank";
                window.close();
            } else {
                window.opener = null;
                window.open("", "_self");
                window.close();
            }
        })
    </script>
</body>

</html>
